<!doctype html>
<!--[if lt IE 7 ]> <html lang="ja" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="ja" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="ja" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="ja" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="ja" class="no-js"> <!--<![endif]-->
<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

	<title>やってみた。blur()</title>
	<meta name="description" content="" />
	<meta name="author" content="Y.Nishimura@Office L / nishimuray@gmail.com" />

	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

	<link rel="shortcut icon" href="/favicon.ico" />
	<link rel="apple-touch-icon" href="/apple-touch-icon.png" />

	<link rel="stylesheet" href="css/test.style.css?v=1" />

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
	<script type="text/javascript" src="js/modernizr.js"></script>
	<script>!window.jQuery && document.write('<script src="js/jquery-1.6.1.js"><\/script>')</script>
	<script type="text/javascript" src="js/test.script.js"></script>
<style>
</style>
</head>
<body>

<input type="text" value="123456" class="yen" placeholder="好きな金額をどうぞ" />
<input type="text" value="1000abc" class="yen" placeholder="好きな金額をどうぞ" />
<input type="text" value="abc100" class="yen" placeholder="好きな金額をどうぞ" />
<input type="text" value="100.00" class="yen" placeholder="好きな金額をどうぞ" />

<input type="button" value="一度に" id="all" />
<input type="button" value="クリア" id="clr" />


<script type="text/javascript">
<!-- 
$(function() {

	// placeholder は html 5の仕様。JSとはとりあえず関係ない。

	$(".yen").blur(function(){
		// 入力された値
		v = $(this).val();
		// 文字列化して、先頭の \ 記号を除去、カンマを除去
		vs = new String(v).replace(/^(\\+)/g, "").replace(/,/g,"");
		// その状態を数値化して、0以上の値になったら数値らしいものがあったということ
		vi = parseInt(vs,10);	// 小数点を活かしたかったら float 化とかで。
		if (vi >= 0){
			// ちなみに、"1000aa"のようなものも1000として通してしまうので仕事では使わないようにｗ
			// で、数値らしいものに三桁カンマ編集をして、先頭に \ 記号をつけて返す
			v = new String(vi);
			while(v != (v = v.replace(/^(-?\d+)(\d{3})/, "$1,$2"))){};
			v = "\\" + v;
		}
		$(this).val(v);	// もちろん数値らしくなければそのままだし
	});

	$("#all").click(function(){
		// まとめて処理もおｋ
		$(".yen").blur().css("background","#ffcccc");
	});

	$("#clr").click(function(){
		$(".yen").val("").css("background","#ffffff");
	});
	
});
// -->
</script>

</body>
</html>
